<!doctype html>
<html lang="zh">

<head>
  <title>Chip</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
  <link
    href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
    rel="stylesheet">
  <link
    href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
    rel="stylesheet">
  <style>
    body {
      font-family: Roboto;
    }
    .diff-variant {
      margin-top: 16px;
    }
  </style>
  <script type="module">
    import '../../packages/mdui/mdui.css';
    import '../../packages/mdui/components/chip.js';
    import '../../packages/mdui/components/icon.js';
    import '../../packages/mdui/components/avatar.js';
    import '../../packages/mdui/components/segmented-button-group.js';
    import '../../packages/mdui/components/segmented-button.js';
    import { $ } from '../../packages/jq/index.js';

    $('.change-variant').on('change', function() {
      $('.diff-variant').find('mdui-chip').prop('variant', this.value);
    });

    $('.loading').on('click', function () {
      this.loading = true;
      setTimeout(() => {
        this.loading = false;
      }, 2000);
    });
  </script>
</head>

<body>
  <main>
    <section>
      <h2>normal</h2>
      <mdui-segmented-button-group selects="single" value="assist" class="change-variant">
        <mdui-segmented-button value="assist">assist</mdui-segmented-button>
        <mdui-segmented-button value="filter">filter</mdui-segmented-button>
        <mdui-segmented-button value="input">input</mdui-segmented-button>
        <mdui-segmented-button value="suggestion">suggestion</mdui-segmented-button>
      </mdui-segmented-button-group>

      <div class="diff-variant">
        <mdui-chip variant="assist">chip</mdui-chip>
        <mdui-chip variant="assist" no-ripple>no-ripple</mdui-chip>
        <mdui-chip variant="assist" selectable>selectable</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car">icon</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" selectable>icon selectable</mdui-chip>
        <mdui-chip variant="assist" selected>selected</mdui-chip>
        <mdui-chip variant="assist" deletable>deletable</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" deletable>icon & deletable</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" selected-icon="star" selectable>selected-icon</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" end-icon="star">end-icon</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" end-icon="star" deletable>end-icon & deletable</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" deletable delete-icon="delete">delete-icon</mdui-chip>
        <mdui-chip variant="assist" elevated>elevated</mdui-chip>
        <mdui-chip variant="assist" elevated selectable>elevated & selectable</mdui-chip>

        <br/><br/>

        <mdui-chip variant="assist">
          <mdui-icon name="directions_car" slot="icon"></mdui-icon>
          icon slot
        </mdui-chip>
        <mdui-chip variant="assist">
          <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="icon"></mdui-avatar>
          icon slot(avatar)
        </mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" selectable>
          <mdui-icon name="star" slot="selected-icon"></mdui-icon>
          selected slot
        </mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" selectable>
          <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="selected-icon"></mdui-avatar>
          selected slot(avatar)
        </mdui-chip>
        <mdui-chip variant="assist">
          <mdui-icon name="directions_car" slot="end-icon"></mdui-icon>
          end-icon slot
        </mdui-chip>
        <mdui-chip variant="assist">
          <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="end-icon"></mdui-avatar>
          end-icon slot(avatar)
        </mdui-chip>
        <mdui-chip variant="assist" deletable>
          <mdui-icon name="delete" slot="delete-icon"></mdui-icon>
          delete slot
        </mdui-chip>
        <mdui-chip variant="assist" deletable>
          <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="delete-icon"></mdui-avatar>
          delete slot(avatar)
        </mdui-chip>

        <br/><br/>

        <mdui-chip variant="assist" class="loading">loading</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" class="loading">loading</mdui-chip>
        <mdui-chip variant="assist" icon="directions_car" loading disabled>loading & disabled</mdui-chip>
      </div>
    </section>

    <section>
      <h2>href</h2>
      <mdui-chip variant="assist" href="https://www.mdui.org" target="_blank">link</mdui-chip>
      <mdui-chip variant="assist" href="https://www.mdui.org" target="_blank" disabled>disabled</mdui-chip>
    </section>

    <h1>状态</h1>

    <section>
      <h2>Assist Chip</h2>
      <div style="display: flex">
        <img
          src="https://lh3.googleusercontent.com/GRetiTVLzwxP2SNxAEs2HS5GQ_TcOD2Qs2PZELQiCNU4HQe0NTlUxyxw1Q-kiKK0e0SqosEc0g3adLbqTrsv9VByIiDNyKISAX_hwDIfoxKHZg=s0"
          width="1024px" />
        <div style="white-space: nowrap">
          <div>
            <div style="padding: 136px 16px 0">
              <mdui-chip variant="assist">Enabled</mdui-chip>
              <mdui-chip variant="assist" disabled>Disabled</mdui-chip>
              <mdui-chip variant="assist" dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 0">
              <mdui-chip variant="assist" elevated>Enabled</mdui-chip>
              <mdui-chip variant="assist" elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="assist" elevated dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 56px 16px 0">
              <mdui-chip variant="assist" icon="directions_car--outlined">Enabled</mdui-chip>
              <mdui-chip variant="assist" icon="directions_car--outlined" disabled>Disabled</mdui-chip>
              <mdui-chip variant="assist" icon="directions_car--outlined" dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 0">
              <mdui-chip variant="assist" icon="directions_car--outlined" elevated>Enabled</mdui-chip>
              <mdui-chip variant="assist" icon="directions_car--outlined" elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="assist" icon="directions_car--outlined" elevated dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 56px 16px 0">
              <mdui-chip variant="assist">
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Enabled
              </mdui-chip>
              <mdui-chip variant="assist" disabled>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Disabled
              </mdui-chip>
              <mdui-chip variant="assist" dragged>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Dragged
              </mdui-chip>
            </div>
            <div style="padding: 23px 16px 79px">
              <mdui-chip variant="assist" elevated>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Enabled
              </mdui-chip>
              <mdui-chip variant="assist" elevated disabled>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Disabled
              </mdui-chip>
              <mdui-chip variant="assist" elevated dragged>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Dragged
              </mdui-chip>
            </div>
          </div>
          <div class="mdui-theme-dark">
            <div style="padding: 136px 16px 0">
              <mdui-chip variant="assist">Enabled</mdui-chip>
              <mdui-chip variant="assist" disabled>Disabled</mdui-chip>
              <mdui-chip variant="assist" dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 0">
              <mdui-chip variant="assist" elevated>Enabled</mdui-chip>
              <mdui-chip variant="assist" elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="assist" elevated dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 56px 16px 0">
              <mdui-chip variant="assist" icon="directions_car--outlined">Enabled</mdui-chip>
              <mdui-chip variant="assist" icon="directions_car--outlined" disabled>Disabled</mdui-chip>
              <mdui-chip variant="assist" icon="directions_car--outlined" dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 0">
              <mdui-chip variant="assist" icon="directions_car--outlined" elevated>Enabled</mdui-chip>
              <mdui-chip variant="assist" icon="directions_car--outlined" elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="assist" icon="directions_car--outlined" elevated dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 56px 16px 0">
              <mdui-chip variant="assist">
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Enabled
              </mdui-chip>
              <mdui-chip variant="assist" disabled>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Disabled
              </mdui-chip>
              <mdui-chip variant="assist" dragged>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Dragged
              </mdui-chip>
            </div>
            <div style="padding: 23px 16px 79px">
              <mdui-chip variant="assist" elevated>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Enabled
              </mdui-chip>
              <mdui-chip variant="assist" elevated disabled>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Disabled
              </mdui-chip>
              <mdui-chip variant="assist" elevated dragged>
                <mdui-icon slot="icon">
                  <svg t="1644545451746" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3670" width="200" height="200">
                    <path
                      d="M23.946237 511.989769c0 272.171813 218.938955 493.58662 488.053807 493.58662 269.11076 0 488.049715-221.414807 488.049715-493.58662 0-272.155444-218.938955-493.570251-488.049715-493.570251C242.885192 18.415426 23.946237 239.830233 23.946237 511.989769z"
                      fill="#EBEBEB" p-id="3671"></path>
                    <path
                      d="M511.995952 0C443.58469 0 377.203217 13.557846 314.701261 40.309322A505.278369 505.278369 0 0 0 228.635744 87.575582a511.433214 511.433214 0 0 0-74.922138 62.534695 514.555652 514.555652 0 0 0-61.781708 75.761063 514.293744 514.293744 0 0 0-46.652413 86.961734C18.904502 375.940693 5.526718 442.940106 5.526718 511.989769s13.381876 136.061353 39.756859 199.16488a514.567929 514.567929 0 0 0 46.652413 86.961734 514.404236 514.404236 0 0 0 61.781708 75.769248 510.921674 510.921674 0 0 0 74.922138 62.534695 505.863571 505.863571 0 0 0 86.065517 47.270352c62.501956 26.747383 128.883429 40.309322 197.294691 40.309322s134.792735-13.553754 197.298783-40.309322a504.950984 504.950984 0 0 0 86.061425-47.270352 511.433214 511.433214 0 0 0 74.922138-62.534695 514.330574 514.330574 0 0 0 61.777616-75.769248 513.847681 513.847681 0 0 0 46.652413-86.961734c26.374983-63.103527 39.752767-130.115216 39.752767-199.16488s-13.377784-136.053168-39.752767-199.156695a515.018084 515.018084 0 0 0-46.652413-86.961734 514.019558 514.019558 0 0 0-61.777616-75.756971A511.204044 511.204044 0 0 0 795.360252 87.575582a505.2088 505.2088 0 0 0-86.061425-47.26626C646.788686 13.561938 580.407214 0 511.995952 0zM42.35757 511.989769C42.35757 249.569947 252.628998 36.830852 511.995952 36.830852c259.383323 0 469.634289 212.735002 469.634289 475.154825 0 262.432099-210.250966 475.171194-469.634289 475.171194C252.628998 987.160963 42.35757 774.421868 42.35757 511.989769z"
                      fill="#666666" p-id="3672"></path>
                    <path
                      d="M511.99186 512.002046m-378.42473 0a378.42473 378.42473 0 1 0 756.849459 0 378.42473 378.42473 0 1 0-756.849459 0Z"
                      fill="#FF5C5C" p-id="3673"></path>
                    <path
                      d="M511.99186 908.842202c-218.816185 0-396.840156-178.02397-396.840156-396.844248 0-218.816185 178.019878-396.840156 396.840156-396.840156s396.844248 178.019878 396.844248 396.840156c-0.004092 218.820278-178.028063 396.844248-396.844248 396.844248z m0-756.849459c-198.510109 0-360.009304 161.499195-360.009304 360.009303s161.499195 360.013396 360.009304 360.013396 360.013396-161.503287 360.013395-360.013396-161.507379-360.009304-360.013395-360.009303z"
                      fill="#BF0000" p-id="3674"></path>
                    <path
                      d="M510.710964 512.640448l354.877539-2.713207s13.725631-131.752143-103.793434-249.2753l-251.084105 251.988507z"
                      fill="#FFFFFF" opacity=".11" p-id="3675"></path>
                    <path
                      d="M510.710964 512.640448l249.021577-252.856078s-83.462803-102.872663-249.659978-102.86857l0.638401 355.724648z"
                      fill="#FFFFFF" opacity=".2" p-id="3676"></path>
                    <path
                      d="M510.710964 512.640448l-2.713206-354.881631s-131.756235-13.725631-249.2753 103.797526l251.988506 251.084105z"
                      fill="#FFFFFF" opacity=".33" p-id="3677"></path>
                    <path
                      d="M510.710964 512.640448L257.854887 263.618871s-102.86857 83.462803-102.86857 249.659978l355.724647-0.638401z"
                      fill="#FFFFFF" opacity=".5" p-id="3678"></path>
                    <path
                      d="M510.710964 512.640448l-354.88163 2.709113s-13.725631 131.756235 103.789341 249.275301l251.092289-251.984414z"
                      fill="#FFFFFF" opacity=".67" p-id="3679"></path>
                    <path
                      d="M510.710964 512.640448l-249.021576 252.851985s83.462803 102.872663 249.655885 102.872662l-0.634309-355.724647z"
                      fill="#FFFFFF" opacity=".84" p-id="3680"></path>
                    <path
                      d="M654.461781 278.007457c-9.207713 1.28908-18.161702 6.907831-24.557994 15.399389 0.208708-0.270093 0.421509-0.544278 0.642494-0.802094l-132.848884 157.275923a15.133388 15.133388 0 0 0-0.638402 0.798002c-11.687657 15.501696-5.160412 48.583986 7.918633 58.466932 11.278425 8.524296 44.1561 11.000148 57.181945-6.208045 0.249631-0.327385 0.486986-0.667048 0.712063-1.010802l114.392534-174.29587a19.311644 19.311644 0 0 1-0.70797 1.00671c11.875904-15.70222 10.946948-35.762758-2.128005-45.666164-5.594197-4.223271-12.677998-5.98706-19.966414-4.963981z"
                      fill="#FFFFFF" p-id="3681"></path>
                    <path
                      d="M658.50499 259.309661c-15.902744 0-31.723641 8.217372-42.560096 22.037127l-132.316883 156.641614c-0.437878 0.527909-0.867571 1.05991-1.276803 1.604189-11.163841 14.810095-10.832363 33.31146-8.60205 46.218627 2.078897 11.982304 7.255678 28.306556 20.134199 38.029901l-0.049108-0.036831c11.23341 8.512019 25.92892 10.300362 36.27839 10.300362 20.33063 0 36.916791-7.112447 46.709705-20.031891 0.503355-0.662955 0.982156-1.346372 1.440496-2.042067l113.852349-173.477406c17.134531-23.772269 14.376309-54.390984-6.564077-70.260989a0.376493 0.376493 0 0 1-0.085938-0.069569c-7.754941-5.827459-17.073146-8.913066-26.960184-8.913067z m-43.321267 23.027468l0.204616-0.266001-0.204616 0.266001z m-105.851869 189.400611c0.008185-4.047301 0.712063-7.693556 2.430836-9.977069l132.848884-157.280016c3.97364-5.270904 9.383683-8.340142 13.897508-8.340141 1.792435 0 3.441639 0.482893 4.800288 1.505972 2.160743 1.636927 3.212469 4.358318 3.196099 7.533956-0.020462 3.830409-1.596004 8.311496-4.640687 12.34652l-114.388442 174.295869c-2.987391 3.940901-10.3863 5.450966-17.359609 5.450967-6.072998 0-11.822704-1.145849-14.036647-2.819607-3.3025-2.500406-6.768692-13.6356-6.74823-22.716451z"
                      fill="#BF0000" p-id="3682"></path>
                    <path
                      d="M577.632623 508.584962c0 36.965899-29.968037 66.933935-66.917566 66.933935-36.961806 0-66.929843-29.968037-66.929843-66.933935 0-36.945437 29.968037-66.917566 66.929843-66.917567 36.945437 0 66.917566 29.968037 66.917566 66.917567z"
                      fill="#FFFFFF" p-id="3683"></path>
                    <path
                      d="M510.715057 593.934323c-47.061645 0-85.345269-38.287717-85.34527-85.349361 0-47.05346 38.287717-85.332992 85.34527-85.332993 47.05346 0 85.332992 38.279532 85.332992 85.332993 0 47.061645-38.279532 85.349362-85.332992 85.349361z m0-133.851502c-26.751476 0-48.514417 21.754757-48.514417 48.502141 0 26.755568 21.762941 48.518509 48.514417 48.518509 26.743291 0 48.50214-21.762941 48.50214-48.518509 0-26.747383-21.758849-48.50214-48.50214-48.502141z"
                      fill="#BF0000" p-id="3684"></path>
                  </svg>
                </mdui-icon>
                Dragged
              </mdui-chip>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section>
      <h2>Filter Chip</h2>
      <div style="display: flex">
        <img
          src="https://lh3.googleusercontent.com/BDqhyVMF3aoIRs0H5mlZfSHh5LGd3-A-cPVa2qJxaK9xXoOQc5s15sPExws4iwt9fQ2aoxbrW7Q6kVZPCD2n4mgQNpR-xCpO2zOGg-2rooss=s0"
          width="1024px" />
        <div style="white-space: nowrap">
          <div>
            <div style="padding: 136px 16px 0">
              <mdui-chip variant="filter">Enabled</mdui-chip>
              <mdui-chip variant="filter" disabled>Disabled</mdui-chip>
              <mdui-chip variant="filter" dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 0">
              <mdui-chip variant="filter" elevated>Enabled</mdui-chip>
              <mdui-chip variant="filter" elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="filter" elevated dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 56px 16px 0">
              <mdui-chip variant="filter" icon="directions_car--outlined" selected>Enabled</mdui-chip>
              <mdui-chip variant="filter" icon="directions_car--outlined" selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="filter" icon="directions_car--outlined" selected dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 87px">
              <mdui-chip variant="filter" icon="directions_car--outlined" selected elevated>Enabled</mdui-chip>
              <mdui-chip variant="filter" icon="directions_car--outlined" selected elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="filter" icon="directions_car--outlined" selected elevated dragged>Dragged</mdui-chip>
            </div>
          </div>
          <div class="mdui-theme-dark">
            <div style="padding: 136px 16px 0">
              <mdui-chip variant="filter">Enabled</mdui-chip>
              <mdui-chip variant="filter" disabled>Disabled</mdui-chip>
              <mdui-chip variant="filter" dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 0">
              <mdui-chip variant="filter" elevated>Enabled</mdui-chip>
              <mdui-chip variant="filter" elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="filter" elevated dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 56px 16px 0">
              <mdui-chip variant="filter" icon="directions_car--outlined" selected>Enabled</mdui-chip>
              <mdui-chip variant="filter" icon="directions_car--outlined" selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="filter" icon="directions_car--outlined" selected dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 87px">
              <mdui-chip variant="filter" icon="directions_car--outlined" selected elevated>Enabled</mdui-chip>
              <mdui-chip variant="filter" icon="directions_car--outlined" selected elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="filter" icon="directions_car--outlined" selected elevated dragged>Dragged</mdui-chip>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section>
      <h2>Input Chip</h2>
      <div style="display: flex">
        <img
          src="https://lh3.googleusercontent.com/dgBuXR0sMayHhe0Zu4C8lKg4ITeoSGgNpTesRn-yXGa4zox_Z6IOLE_ELrUsyL3g2qH9frtD8Az2twA2lSr6_s6scFsCvEpjUhNMIFIaWLT4=s0"
          width="1024px" />
        <div style="white-space: nowrap">
          <div>
            <div style="padding: 136px 16px 0">
              <mdui-chip variant="input" deletable>Enabled</mdui-chip>
              <mdui-chip variant="input" deletable disabled>Disabled</mdui-chip>
              <mdui-chip variant="input" deletable dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 92px 16px 0">
              <mdui-chip variant="input" deletable>
                <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="icon"></mdui-avatar>
                Enabled
              </mdui-chip>
              <mdui-chip variant="input" deletable disabled>
                <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="icon"></mdui-avatar>
                Disabled
              </mdui-chip>
              <mdui-chip variant="input" deletable dragged>
                <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="icon"></mdui-avatar>
                Dragged
              </mdui-chip>
            </div>
            <div style="padding: 33px 16px 0">
              <mdui-chip variant="input" icon="directions_car--outlined" deletable>Enabled</mdui-chip>
              <mdui-chip variant="input" icon="directions_car--outlined" deletable disabled>Disabled</mdui-chip>
              <mdui-chip variant="input" icon="directions_car--outlined" deletable dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 33px 16px 0">
              <mdui-chip variant="input" selected>Enabled</mdui-chip>
              <mdui-chip variant="input" selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="input" selected dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 92px">
              <mdui-chip variant="input" deletable selected>Enabled</mdui-chip>
              <mdui-chip variant="input" deletable selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="input" deletable selected dragged>Dragged</mdui-chip>
            </div>
          </div>
          <div class="mdui-theme-dark">
            <div style="padding: 136px 16px 0">
              <mdui-chip variant="input" deletable>Enabled</mdui-chip>
              <mdui-chip variant="input" deletable disabled>Disabled</mdui-chip>
              <mdui-chip variant="input" deletable dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 92px 16px 0">
              <mdui-chip variant="input" deletable>
                <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="icon"></mdui-avatar>
                Enabled
              </mdui-chip>
              <mdui-chip variant="input" deletable disabled>
                <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="icon"></mdui-avatar>
                Disabled
              </mdui-chip>
              <mdui-chip variant="input" deletable dragged>
                <mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="icon"></mdui-avatar>
                Dragged
              </mdui-chip>
            </div>
            <div style="padding: 33px 16px 0">
              <mdui-chip variant="input" icon="directions_car--outlined" deletable>Enabled</mdui-chip>
              <mdui-chip variant="input" icon="directions_car--outlined" deletable disabled>Disabled</mdui-chip>
              <mdui-chip variant="input" icon="directions_car--outlined" deletable dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 33px 16px 0">
              <mdui-chip variant="input" selected>Enabled</mdui-chip>
              <mdui-chip variant="input" selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="input" selected dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 92px">
              <mdui-chip variant="input" deletable selected>Enabled</mdui-chip>
              <mdui-chip variant="input" deletable selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="input" deletable selected dragged>Dragged</mdui-chip>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section>
      <h2>Suggestion Chip</h2>
      <div style="display: flex">
        <img
          src="https://lh3.googleusercontent.com/7SDNvQn4nVhLDDi1tKkpwE932AbUf6tIHKltMLgog4LwPXfM5WsWCeMBxoc67g27NnArL7oeM221O7c6TTW-ACdbLt-uSTiAhBkwNKY3z7C_=s0"
          width="1024px" />
        <div style="white-space: nowrap">
          <div>
            <div style="padding: 136px 16px 0">
              <mdui-chip variant="suggestion">Enabled</mdui-chip>
              <mdui-chip variant="suggestion" disabled>Disabled</mdui-chip>
              <mdui-chip variant="suggestion" dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 0">
              <mdui-chip variant="suggestion" elevated>Enabled</mdui-chip>
              <mdui-chip variant="suggestion" elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="suggestion" elevated dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 36px 16px 0">
              <mdui-chip variant="suggestion" selected>Enabled</mdui-chip>
              <mdui-chip variant="suggestion" selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="suggestion" selected dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 99px">
              <mdui-chip variant="suggestion" elevated selected>Enabled</mdui-chip>
              <mdui-chip variant="suggestion" elevated selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="suggestion" elevated selected dragged>Dragged</mdui-chip>
            </div>
          </div>
          <div class="mdui-theme-dark">
            <div style="padding: 136px 16px 0">
              <mdui-chip variant="suggestion">Enabled</mdui-chip>
              <mdui-chip variant="suggestion" disabled>Disabled</mdui-chip>
              <mdui-chip variant="suggestion" dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 0">
              <mdui-chip variant="suggestion" elevated>Enabled</mdui-chip>
              <mdui-chip variant="suggestion" elevated disabled>Disabled</mdui-chip>
              <mdui-chip variant="suggestion" elevated dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 36px 16px 0">
              <mdui-chip variant="suggestion" selected>Enabled</mdui-chip>
              <mdui-chip variant="suggestion" selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="suggestion" selected dragged>Dragged</mdui-chip>
            </div>
            <div style="padding: 23px 16px 99px">
              <mdui-chip variant="suggestion" elevated selected>Enabled</mdui-chip>
              <mdui-chip variant="suggestion" elevated selected disabled>Disabled</mdui-chip>
              <mdui-chip variant="suggestion" elevated selected dragged>Dragged</mdui-chip>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
</body>

</html>
